<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
     //输出结果： 同步代码  我的奥特曼来接我了  异步代码   定时器 宏任务里面的微任务  123
      setTimeout(() => {
        console.log("定时器");
        new Promise(resolve=>{
            console.log('宏任务里面的微任务');
            resolve('成功')
        }).then(res=>{
            console.log(123);
        })
      }, 0);

      new Promise((resolve) => {
        console.log("同步代码");

        resolve("异步代码");
      }).then((res) => {
        console.log(res);
      });

      console.log("我的奥特曼来接我了");

      //知识点：代码 同步  异步   执行顺序：同步>异步
      //异步执行                 执行顺序：微任务 > 宏任务
      //宏任务：计时器  
      //微任务：promise async/await  
 
      //输出结果： 同步代码  我的奥特曼来接我了  异步代码   定时器

    </script>
  </body>
</html>
